﻿/*标题图片栏*/
.app-img-title{text-align: center;}
.app-img-title img{width: 278px;max-width:90%;margin:9px auto;display: block;}

/*白底内容区*/
.app-content{padding:7px 0 5px 0;position: relative;background-color: #fefefe;border-bottom: 1px solid #d0d0d0;}
.app-content:before{content: '';display: block;position: absolute;top: 0;left: 0;right: 0; height: 1px; background: -webkit-linear-gradient(left, #d0e7f7, #68b6de, #d0e7f7); background: linear-gradient(left,#d0e7f7, #68b6de,#d0e7f7); background: -webkit-linear-gradient(left,#d0e7f7, #68b6de,#d0e7f7); background: -moz-linear-gradient(left,#d0e7f7, #68b6de,#d0e7f7);}

.app-view-wrapper{position:absolute; top: 0;left: 0;right: 0;bottom: 44px;}
.app-view-container{position:absolute; top: 0;left: 0;right: 0;bottom: 0;overflow: auto;-webkit-overflow-scrolling: touch;background: url(../assets/images/bg.jpg) repeat center top;background-size: 33.33%;z-index: 10}
.app-view-container .app-view-container{position:fixed;bottom:44px;}

/*日历*/
.app-calendar .mu-date-display,.app-calendar .mu-calendar-actions{display: none;}
.app-calendar{width: 100%;max-width: 400px;margin: auto;}
.app-calendar .mu-calendar-toolbar{color: #177bc0;font-size: 16px;}
.app-calendar .mu-calendar-week{color: #177bc0;opacity: 1;font-size: 14px}
.app-calendar .mu-day-button{font-size: 14px;}
.app-calendar .mu-calendar-monthday-row{box-sizing: border-box;padding:3px 0;height: 40px;}
.app-calendar .day-active{position: relative;}
.app-calendar .day-active:before{content: '';display: block;height: 0;border-bottom: 2px solid #338bc8; position: absolute;bottom: 6px;left: 30%;right: 30%;z-index: 1;}
.app-calendar .selected.day-active:before{border-color: #fff}
.app-calendar.skin-anniversary .day-active:before{border: none;bottom: 3px; left: 0;right: 0;height: 6px;background: url(../assets/images/love.png) no-repeat center center;background-size: contain;}
.app-calendar.skin-anniversary .mu-day-button-bg{background-color:#fff;box-sizing:border-box;border: 1px solid #f16249 }
.app-calendar.skin-anniversary .mu-day-button.hover .mu-day-button-text,.app-calendar.skin-anniversary .mu-day-button.selected .mu-day-button-text{color: rgba(0, 0, 0, 0.87);}


/*空的大事件*/
.timepoint-empty.timepoint .timepoint-i{background:#50aceb;font-size:16px;color: #fff;font-weight: bold;text-align: center;font-style: normal;line-height: 32px }
.timepoint-empty.timepoint .timepoint-content{background-color: transparent;border:none;text-align: center;font-size: 14px;color: #000;padding: 0;margin-left: 30px; }
.timepoint-empty.timepoint .timepoint-content:before,.timepoint-empty.timepoint .timepoint-content:after{content: none }
.timepoint-empty.timepoint .icon_family{display: inline-block;width: 80px;height: 80px;background: url(../assets/images/family.jpg) no-repeat center center;background-size:100%;border-radius: 50%;margin-right: 20px;margin-bottom: 10px;}

/*小按钮*/
.size-s.mu-flat-button{height: 30px;line-height: 30px;}
.size-s.mu-flat-button .mu-flat-button-label{font-size: 12px}
.size-s.mu-flat-button i{font-size:16px}
.size-s.mu-raised-button{height: 30px;line-height: 30px;min-width: 60px}
.size-s.mu-raised-button .mu-raised-button-label{font-size: 14px}

/*列表*/
.app-list{background-color: rgba(255,255,255,.5);border-top: 1px solid #d0d0d2;border-bottom: 1px solid #d0d0d2 ;padding: 0;}
.app-list+.app-list{margin-top: 10px;}
.app-list .mu-item-title{min-width: 80px;padding-right: 10px;}
.app-list.mu-list .mu-sub-header:first-child {
    margin-top: 0;
}
.item-insert{padding-left:16px;padding-right:16px}
.item-insert .mu-text-field-line,.item-insert .mu-text-field-focus-line{left:16px;right:16px}
.item-insert .mu-text-field-help{left:16px;right:16px}
.item-insert .mu-text-field-hint{width: auto;left:16px;right:16px}
/*列表项*/
.item-disable-ripple .mu-item-wrapper{-webkit-tap-highlight-color:rgba(100,100,100,.1)}
.item-large .mu-item-left{width: 56px;}
.item-large .mu-item.show-left{padding-left: 90px;min-height:72px;}
.item-large .mu-item.show-left img{width: auto;height: auto;max-width: 100%;max-height: 100%}
.item-large .mu-item.show-left img.is-round{border-radius:50%;}
.not-radius{border-radius:0 !important;}

.item-after{max-width: 156px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis}

/*底部的国定按钮容器*/
.app-floatbtn-bar{position: fixed;bottom: 50px;right: 10px;}
.app-floatbtn-bar>button{margin-left: 8px;}

/*全屏幕弹层*/
.app-popup{position: fixed;left: 0;right: 0; top: 0; bottom: 44px; -webkit-transform: translateY(0); transform: translateY(0);background: url(../assets/images/bg.jpg) repeat center top;background-size: 33.33%;overflow: auto;-webkit-overflow-scrolling: touch;z-index: 100}
/*.app-popup-topbar{padding-top : 10px;margin-bottom: 10px;text-align: center;position: absolute;z-index: 11;left: 0;right: 0;top: 0;}*/
/*.app-popup-topbar-title{font-size: 16px;color: #000}*/
.app-popup-topbar{height: 50px;background-color: transparent;text-align: center;box-shadow: none;-webkit-box-shadow: none;}
.app-popup-topbar .mu-appbar-title{color: #000;font-size: 16px}
.app-popup-content{position: absolute;top: 50px;left: 0;right: 0;bottom: 0;overflow: auto;-webkit-overflow-scrolling: touch;}

.slide-right-enter-active{-webkit-animation: slideRightIn .5s;animation: slideRightIn .5s;}
.slide-right-leave-active{-webkit-animation: slideRightLeave .5s;animation: slideRightLeave .5s;}
.slide-left-enter-active{-webkit-animation: slideLeftIn .5s;animation: slideLeftIn .5s;}
.slide-left-leave-active{-webkit-animation: slideLeftLeave .5s;animation: slideLeftLeave .5s;}

@-webkit-keyframes slideRightIn {
  0% {
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
}

@keyframes slideRightIn {
  0% {
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
}
@-webkit-keyframes slideRightLeave {
  0% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
  100% {
    -webkit-transform:translateX(25%);
            transform:translateX(25%);
  }
}
@keyframes slideRightLeave {
  0% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
  100% {
    -webkit-transform:translateX(25%);
            transform:translateX(25%);
  }
}
@-webkit-keyframes slideLeftIn {
  0% {
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
}
@keyframes slideLeftIn {
  0% {
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
}
@-webkit-keyframes slideLeftLeave {
  0% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
  100% {
    -webkit-transform:translateX(-25%);
            transform:translateX(-25%);
  }
}
@keyframes slideLeftLeave {
  0% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
  100% {
    -webkit-transform:translateX(-25%);
            transform:translateX(-25%);
  }
}

.rightPopup-enter-active{-webkit-animation:rightPopupIn .5s;animation:rightPopupIn .5s;}
.rightPopup-leave-active{-webkit-animation:rightPopupLeave .5s;animation:rightPopupLeave .5s;}
@-webkit-keyframes rightPopupIn {
  0% {
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
}
@keyframes rightPopupIn {
  0% {
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
}
@-webkit-keyframes rightPopupLeave {
  0% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
  100% {
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
  }
}
@keyframes rightPopupLeave {
  0% {
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
  }
  100% {
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
  }
}

.icon_date{vertical-align: middle;margin-left:5px;color:#1b94d6}
/*隐藏的日历*/
.item-hidden-input{position: absolute;visibility: hidden;}
.datetime-label{display: inline-block;min-width: 110px;text-align: right; margin-top: -4px;margin-bottom: -4px;}

/*表单*/
.app-form{padding: 0 20px}

.mu-radio .mu-radio-icon{opacity:0.7;}
.mu-radio .mu-radio-label{ color: rgba(0,0,0,.68);}
.mu-checkbox .mu-checkbox-icon{opacity:0.7;}
.mu-checkbox .mu-checkbox-label{ color: rgba(0,0,0,.68);}

.app-form-error-icon{ vertical-align: middle; margin-right: 4px; margin-bottom: 1px;}
.item-half-input{width:114px;min-width: 114px;border:none;border-bottom:1px solid #ddd;text-align: center}
.item-half-input.datetime-label{text-align: right;}
@media (max-width:372px) {
  .item-half-input{width:96px;min-width: 96px}
  .item-half-input.datetime-label{font-size: 12px;}
}


/*标签页*/
.app-tabs .mu-tabs{background-color: #eee;border-top: 1px solid #d0d0d2;}
.app-tabs .mu-tab-link{min-height: 30px;line-height: 30px;padding-top:3px;padding-bottom:3px;color: #7f7f7f}
.app-tabs .mu-tab-active{color: #4095d0;background-color: #e2ebfc}
.app-tabs .mu-tab-link-highlight {background-color: #66b7ef;height: 1px;}

/*子标题下的图标、*/
.mu-sub-header .mu-icon {margin-bottom: 2px;margin-right: 8px;vertical-align: middle;}